<template>
	<!-- 文件打印身份证打印提示 -->
	<view class="prompt">
		<view class="prompt-title flex align-center just-center">
			{{title}}
		</view>
		<!-- 未选中 -->
		<view v-if="long==0" class="prompt-unchecked flex align-center just-center">
			<!-- 提交打印带张数  0/9 -->
			<text v-if="success=='true'">提交打印({{long}}/6) </text>
			<!-- 提交打印不带张数 -->
			<text v-if="success=='false'">提交打印</text>
		</view>
		<!-- 选中状态 -->
		<view v-else class="prompt-submit Medium flex align-center just-center" @click="submitImg" :disabled="disabled">
			<text v-if="success=='true'">提交打印({{long}}/6) </text>
			<text v-if="success=='false'">提交打印</text>
		</view>
	</view>
</template>
<script>
	// success：true代表的是提交打印 带数量的    false代表的是提交打印不带数量的
	// v-if="long==0"  没加点击事件  所以点击不了  只有有了图片才可以点击进行提交
	export default {
		// props: ['long', 'success'],
		props: {
			long: {
				type: Number
			},
			success: {
				type: String
			},
			title: {
				type: String
			},
			disabled: {
				type: Boolean
			}
		},
		onShow() {

		},
		data() {
			return {

			}
		},
		methods: {
			submitImg() {
				this.$emit('submitImg')
			}
		}
	}
</script>

<style>
	.prompt {
		width: 100%;
		/* border: 1px solid #000000; */
		margin-bottom: 260rpx;
	}

	.prompt-title {
		font-size: 14px;
		font-family: PingFang-SC-Bold;
		font-weight: bold;
		color: #FE5734;
		margin-bottom: 30rpx;
	}

	.prompt-unchecked {
		padding: 22rpx 0rpx 24rpx 0rpx;
		background: #CCCCCC;
		box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05);
		opacity: 0.5;
		border-radius: 20px;
		font-size: 18px;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		color: #FFFFFF;
		margin-bottom: 20rpx;
	}

	.prompt-submit {
		padding: 22rpx 0rpx 24rpx 0rpx;
		/* background: #FE5734; */
		background: #FF9566;
		box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05);
		/* opacity: 0.5; */
		border-radius: 20px;
		font-size: 18px;
		color: #FFFFFF;
	}
</style>
